<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>菜单管理</title>
		<link rel="stylesheet" href="resource/css/layui.css">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
  		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
	</head>
	<body>
		<div style="padding:15px;">
			<blockquote class="layui-elem-quote">
				<div class="layui-row">
					<div class="layui-col-md2">
						<input type="text" style="width: 230px;" id="menuName" lay-verify="title" autocomplete="off" placeholder="请输入搜索内容" class="layui-input">
					</div>
					<div class="layui-col-md8">
							<button class="layui-btn" data-type="reload">
								<i class="layui-icon">&#xe615;</i>搜索
							</button>
							<button class="layui-btn layui-icon" data-type="refresh">
								<i class="layui-icon">&#x1002;</i>刷新
							</button>
					</div>
					<div class="layui-col-md2" style="float:right;">
						<button class="layui-btn" data-type="add">
						  	<i class="layui-icon">&#xe608;</i> 添加
						</button>
						<!--button class="layui-btn" data-type="delete">
						  	<i class="layui-icon">&#xe640;</i> 删除
						</button-->
					</div>
				</div>
			</blockquote>
			<fieldset class="layui-elem-field">
				<legend>菜单列表</legend>
				<div class="layui-field-box layui-form">
					 <div id="measureMenu" lay-filter="measureMenuTable"></div>
				</div>
			</fieldset>
			<!--模板-->
			<script type="text/html" id="barDemo">
			  <!--a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a-->
			  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
			</script>
			<!--图标模板-->
			<script type="text/html" id="menuIcon">
 				<div>
					<i class="fa {{d.menuIcon}}"></i>
					<div class="code">{{=d.menuIcon}}</div>
				</div>
			</script>
			<!--位置模板-->
			<script type="text/html" id="postion">
				{{#  if(d.postion=='0'){ }}
					<a class="layui-btn layui-btn-xs">横菜单</a>
				{{#}else if(d.postion=='1'){}}
				    <a class="layui-btn layui-btn-danger layui-btn-xs">竖菜单</a>
				{{#}}}
			</script>
		</div>	
		<script src="resource/layui.js"></script>
		<script src="js/measureMenu.js"></script>
	</body>
</html>
